<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ingresar</title>
<script type="text/javascript" src="/SistemaWebAGB_2.0/dinamica/js/jquery-1.6.2.min.js"></script>
<link href="/SistemaWebAGB_2.0/dinamica/css/960.css" rel="stylesheet" type="text/css" media="all" />
<link href="/SistemaWebAGB_2.0/dinamica/css/reset.css" rel="stylesheet" type="text/css" media="all" />
<link href="/SistemaWebAGB_2.0/dinamica/css/text.css" rel="stylesheet" type="text/css" media="all" />
<link href="/SistemaWebAGB_2.0/dinamica/css/login.css" rel="stylesheet" type="text/css" media="all" />

   <script language="JavaScript">
    

  $(document).ready
        ( function()
        {
           
          
          $('.error').hide();
            $('#ingresar').click
                (
                    function()
                    {
                        $('.error').fadeOut("slow");
                        if(validarDatos())
                        {
                            $(document).ajaxStart
                            (
                                function()
                                { $('a#ingresar span').text('Ingresando...');

                                }
                            );
                            $(document).ajaxStop
                            (
                                function()
                                {
                                    $('a#ingresar span').text('Ingresar');

                                }
                            );
                           
                           $.ajax
                            (
                                {
                                    url:"/SistemaWebAGB_2.0/SrvIngresar" ,    
                                    type: "POST",
                                    data: 
                                        { 
                                            txtUsuario: $('#txtUsuario').val(), 
                                            txtClave: $('#txtClave').val()
                                            
                                         },
                                    cache:false,
                                    success: function(response)
                                        {
                                            if(response==0)
                                               {
                                                  // alert("Hola");
                                                    $('.error').text("Ingreso incorrecto de usuario o contraseña").fadeIn(1000);
                                               }
                                            else
                                                {

                                                  
                                                    location.href=response;
                                                       
                                                }
                                                   
                                        }
                                    
                                }
                            )
                        }
                    }            
                )
          
        }
            

        );



    
    
    
        function validarDatos() 
        {
            
            var usuario = $('#txtUsuario').val();
           var clave = $('#txtClave').val();
           
            
            if (usuario == "") 
            {
                
                $('.error').text("Debe ingresar la cuenta de usuario.").fadeIn(1000);

                
                usuario.focus();
                return false;
            } else 
            {
                if (clave == "") {

                     $('.error').text("Debe ingresar contraseña del usuario. " + usuario + ". ").fadeIn(1000);


                    clave.focus();
                    return false;
                } else 
                {
                   
                            
                        return true;
                }
            }
            /*
            boolean estilo = (request.getAttribute("r_estilo") == null) ? true : false;
            String archivoEstilo = (estilo) ? "../dinamica/css/admin.css" : "dinamica/css/admin.css";
            String servlet = (estilo) ? "../Control" : "Control";
            String imgCabecera = (estilo) ? "../dinamica/img/cabeceraIntranet.jpg" : "dinamica/img/cabeceraIntranet.jpg";
            String imgMiembro = (estilo) ? "../dinamica/img/member.jpg" : "dinamica/img/member.jpg";
            String paginaInicio = (estilo) ? "../" : "Control?pagina=inicio";
            String paginaOlvido = (estilo) ? "../dinamica/olvido_paswd.jsp" : "dinamica/olvido_paswd.jsp";            
            */
        }
    </script>
</head>
<body>
<div class="container_16">
  <div class="grid_6 prefix_5 suffix_5">
   	  <h1>Ingresar</h1>
    	<div id="login">
    	  <p class="tip">Tu s&oacute;lo necesitas presionar el bot&oacute;n para ingresar</p>
          <p class="error"></p>        
    	  <form id="form1" name="frmLogeo" method="post" action="../SrvIngresar"  >
    	   
              <p>
    	      
                <input type="text" class="inputText" id="txtUsuario"  placeholder="Ingresar Usuario"/>
    	      
  	      </p>
    	    <p>
    	      
                <input type="password"  class="inputText" id="txtClave" placeholder="Ingresar Contrase&ntilde;a" />
  	        
    	    </p>
              <a class="black_button" id="ingresar" href="#" ><span>Ingresar</span></a>
                     
    	  </form>
		  <br clear="all" />
    	</div>
        <div id="forgot"><a class="forgotlink"><span>¿Has olvidado tu contrase&ntilde;a?</span></a></div>
  </div>
</div>
<br clear="all" />
</body>
</html>
